<template>
  <div class="page_wrapper">
    <!-- 页头 -->
    <div class="page_header" v-if="$slots.headerContent">
      <slot name="headerContent"></slot>
    </div>
    <!-- 页体 -->
    <div class="page_body">
      <slot />
    </div>
    <!-- 页脚 -->
    <!-- <div class="page_footer"></div> -->
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'PageWrapper',
  props: {
    msg: String
  },
  setup() {
    return {}
  }
})
</script>

<style scoped lang="scss">
.page_wrapper {
  width: 100%;
  height: 100%;

  .page_header {
    padding: 16px 24px;
    background-color: #fff;
  }

  .page_body {
    padding: 16px;
  }
}
</style>
